<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>min-width和max-width</title>
  </head>
  <style>
    /* 
    width：宽度
        min-width：最小宽度，无论内容多少，宽度都大于或等于min-width
        max-width：最大宽度，无论内容多少，宽度都小于或等于max-width

    height：高度
        min-height：最小高度，无论内容多少，高度都大于或等于min-height
        max-height：最大高度，无论内容多少，高度都小于或等于max-height
     */
    .content {
      background-color: pink;
      height: 100px;
      max-width: 300px;
    }
  </style>

  <body>
    <div class="content"></div>
  </body>

</html>